@CHARSET "UTF-8";
html {
    min-height: 100%;
    height:100%;
}
body { 
    height:100%;
    background-color: #278296; 
    font: 12px Arial, Helvetica, sans-serif;
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

#header {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
}

#navigation{
    background: white;
    font: 12px Arial, Helvetica, sans-serif;
}

#navigation .x-view-over{
    width: 120px;
    margin: 5px auto;
    padding: 10px;
    background: #eff5fb url(../images/selected.gif) no-repeat right bottom;
    border:1px solid #99bbe8;
    cursor:pointer;
}
#navigation .nav-normal{
    width: 80px;
    margin: 5px auto;
    padding: 5px;
    cursor:pointer;
}

.clear_div {
    clear:both;
}

#aboutus {
    padding:10px;
    text-align:center;    
}

#aboutus .appname{
    font-size:20px;
    font-weight:bold;
}

#aboutus .appdesc{
    font-size:16px;
}

#aboutus .copyright{
    font-size:14px;
    padding-top:20px;
}

#aboutus .homepage{
    font-size: 14px;
}

#aboutus .manual{
    font-size: 14px;
}

.ux-notification-window .x-window-body {
    text-align: center;
    padding: 15px 5px 15px 5px;
    width: 200px;
}

.ux-notification-icon-information {
    background-image: url('../images/icon16_info.png');
}

.ux-notification-icon-error {
    background-image: url('../images/icon16_error.png');
}

.ux-notification-light .x-window-header {
    background-color: transparent;
}

body .ux-notification-light {
    background-color: white;
    background-image: url('../images/fader.png');
}

.ux-notification-light .x-window-body {
    text-align: center;
    padding: 15px 5px 18px 5px;
    width: 200px;
    background-color: transparent;
    border: 0px solid white;
}


 #footer{  
  position:absolute;  
  bottom:0;  
  padding:10px;  
  width:100%;  
 }

.roomitem {
    float: left;
    margin: 10px;
}

.clear_div {
    clear:both;
}

.roomitem h1 {
    font-size: 12px;
    text-align: center;
}

.room-table {
    border:1px solid #bbb;
    border-collapse:collapse;
}

.room-table td,.room-table th {
    border:1px solid #ccc;
    border-collapse:collapse;
    padding:5px;
}

.msg .x-box-mc {
    font-size:14px;
}

#msg-div {
    position:absolute;
    right:5%;
    bottom:10px;
    width:300px;
    z-index:20000;
}

#msg-div .msg {
    border-radius: 8px;
    -moz-border-radius: 8px;
    background: #F6F6F6;
    border: 2px solid #ccc;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}
#msg-div .msg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
}
#msg-div .msg p {
    margin: 0;
}

.ux-notification-window .x-window-body {
    text-align: center;
    padding: 15px 5px 15px 5px;
    width: 200px;
}

.ux-notification-icon-information {
    background-image: url('../images/icon16_info.png');
}

.ux-notification-icon-error {
    background-image: url('../images/icon16_error.png');
}

.ux-notification-light .x-window-header {
    background-color: transparent;
}

body .ux-notification-light {
    background-color: white;
    background-image: url('../images/fader.png');
}

.ux-notification-light .x-window-body {
    text-align: center;
    padding: 15px 5px 18px 5px;
    width: 200px;
    background-color: transparent;
    border: 0px solid white;
}

.roomitem{
    font-size: 14px;
}

.roomitem h1{
    font-size: 14px;
}
.room_table{
    width:100%;
    height:100%;
}

.room_table tr{
    vertical-align: middle;
}

.img_td{
    width:120px;
    text-align:center;
}

.desc_table{
    font-size: 16px;
}

.desc_td{
}

.desc_table .title{
    width:80px;
    text-align: right;
    padding: 2px 5px;
}

.value{
}

.value .normal{
    color: green;
}

.value .abnormal{
    color: red;
}

.btn-search {
    background-image:url(../images/search.png) !important;
}
.useradd {
    background-image:url(../images/user_add.png) !important;
}
.userdel {
    background-image:url(../images/user_delete.png) !important;
}
.useredit {
    background-image:url(../images/user_edit.png) !important;
}
.defadd {
    background-image:url(../images/card_add.png) !important;
}
.defdel {
    background-image:url(../images/card_delete.png) !important;
}
.defedit {
    background-image:url(../images/card_edit.png) !important;
}
.smsadd {
    background-image:url(../images/email_add.png) !important;
}
.smsdel {
    background-image:url(../images/email_delete.png) !important;
}
.smsedit {
    background-image:url(../images/email_edit.png) !important;
}


.absdiv_1_1{
    position:absolute;
    left: 500px;
    top: 645px;
}
.absdiv_1_2{
    position:absolute;
    left: 500px;
    top: 665px;
}


.typeadd {
    background-image:url(../images/layout_add.png) !important;
}
.typeedit {
    background-image:url(../images/layout_edit.png) !important;
}
.typedel {
    background-image:url(../images/layout_delete.png) !important;
}
.attradd {
    background-image:url(../images/plugin_add.png) !important;
}
.attredit {
    background-image:url(../images/plugin_edit.png) !important;
}
.attrdel {
    background-image:url(../images/plugin_delete.png) !important;
}
.inherit {
    background-image:url(../images/table_relationship.png) !important;
}

.room {
    background-image:url(../images/computer.png) !important;
}

.line {
    background-image:url(../images/vector.png) !important;
}

.x3dview {
    background-image:url(../images/brick.png) !important;
}

.tour {
    background-image:url(../images/sport_raquet.png) !important;
}

.totalview {
    background-image:url(../images/timeline_marker.png) !important;
}

.devdef {
    background-image:url(../images/package.png) !important;
}
.devadd{
    background-image:url(../images/server_add.png) !important;    
}
.devedit{
    background-image:url(../images/server_edit.png) !important;    
}
.devdel{
    background-image:url(../images/server_delete.png) !important;    
}
.devren{
    background-image:url(../images/server_edit.png) !important;    
}

.modadd{
    background-image:url(../images/package_add.png) !important;    
}
.modedit{
    background-image:url(../images/package_go.png) !important;    
}
.moddel{
    background-image:url(../images/package_delete.png) !important;    
}
.mattr{
    background-image:url(../images/picture_empty.png) !important;
}

.refresh{
    background-image:url(../images/arrow_refresh.png) !important;
}

.linesearch{
    background-image:url(../images/arrow_switch.png) !important;
}
.lineadd{
    background-image:url(../images/vector_add.png) !important;
}
.linedel{
    background-image:url(../images/vector_delete.png) !important;
}
.catadd{
    background-image:url(../images/folder_add.png) !important;    
}
.catedit{
    background-image:url(../images/folder_edit.png) !important;    
}
.catdel{
    background-image:url(../images/folder_delete.png) !important;    
}
.lfinish{
    background-image:url(../images/accept.png) !important;
}
.posadd{
    background-image:url(../images/picture_add.png) !important;
}
.posdel{
    background-image:url(../images/picture_delete.png) !important;
}
.itemadd{
    background-image:url(../images/calendar_add.png) !important;
}
.itemdel{
    background-image:url(../images/calendar_delete.png) !important;
}
.touradd{
    background-image:url(../images/transmit_add.png) !important;
}
.tourdel{
    background-image:url(../images/transmit_delete.png) !important;
}
.touredit{
    background-image:url(../images/transmit_edit.png) !important;
}
.tour{
    background-image:url(../images/transmit_blue.png) !important;
}
.tourlist{
    background-image:url(../images/transmit.png) !important;
}
.tourlog{
    background-image:url(../images/transmit_go.png) !important;
}

.logout{
    background-image:url(../images/gnome_logout.png) !important;
}

.userlist{
    background-image:url(../images/users_edit.png) !important;
}

.export{
    background-image:url(../images/export.png) !important;
}
.historylist{
    background-image:url(../images/chart_bar.png) !important;
}
.report{
    background-image:url(../images/chart_pie.png) !important;
}

.setup{
    background-image:url(../images/setting.png) !important;
}

.chart{
    background-image:url(../images/chart_curve.png) !important;
}
.chartlist{
    background-image:url(../images/chart_curve_link.png) !important;
}
.chartadd{
    background-image:url(../images/chart_curve_add.png) !important;
}
.chartdel{
    background-image:url(../images/chart_curve_delete.png) !important;
}
.chartedit{
    background-image:url(../images/chart_curve_edit.png) !important;
}

